<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Anta官方商城</title>
		<meta http-equiv="Access-Control-Allow-Origin" content="*" />
		<link rel="stylesheet" type='text/css' href='./css/index.css' />
	</head>
	<body>
		<div class="header">
			<div class="header-l">
				<a class="logo" href="/"></a>
				<p>
					<a href="./login.html">登录</a>|
					<a href="./register.html">注册</a>
				</p>
			</div>
			<div class="header-r">
				<ul>
					<li><a href="js:">我的安踏</a></li>|
					<li><a href="js:">品牌官网</a></li>|
					<li><a href="js:"><i class='icon icon-shop'></i>手机商城</a></li>|
					<li><a href="js:">企业团购</a></li>|
					<li><a href="js:"><i class='icon icon-cart'></i>购物车(<span class="total-num">0</span>)件</a></li>
				</ul>
			</div>
		</div>
		<div class="category">
			<div class="category-all"><a href="./category.html">所有商品分类</a></div>
			<ul class="category-list">
				<li><a href="js:">首页</a></li>
				<li><a href="js:">跑步</a></li>
				<li><a href="js:">篮球</a></li>
				<li><a href="js:">足球</a></li>
				<li><a href="js:">健身</a></li>
				<li><a href="js:">休闲</a></li>
				<li><a href="js:">配件</a></li>
				<li><a href="js:">儿童</a></li>
				<li><a href="js:"></a></li>
			</ul>
			<div class="category-search"><input type='text' /><a class="icon-search"></a></div>	
		</div>

		<div class="sliderBar">
			<div class="sliderBar-list">
				<div class="user-login">
					<a class="sliderBar-logo" href='login.html'></a>
				</div>
				<div class="user-cart">
					<div class="sliderBar-logo"></div>
					<div class="user-cart-text">购物车</div>
				</div>
				<div class="user-like"><div class="sliderBar-logo"></div></div>
				<div class="user-saw"><div class="sliderBar-logo"></div></div>
				<div class="user-tel"><div class="sliderBar-logo"></div></div>
				<div class="user-service"><div class="sliderBar-logo"></div></div>
				<div class="user-qrcode"><div class="sliderBar-logo"></div></div>
				<div class="gotoTop"><div class="sliderBar-logo"></div></div>
			</div>
			<div class="sliderBar-box">
				<div class="cart-title">
					<input type="checkbox">
					<span>全选</span>
					<a>查看更多</a>
				</div>	
				<table class="cart-list">
					<tr class="cart-item">
						<td width='25'><input type="checkbox"></td>
						<td width='60'><a><img src='http://image03.anta.cn/sources/goods/11928852R/11928852R_1_01.jpg'></a></td>
						<td width='70'><span class="goods-title">春夏季潮流复古鞋运动鞋休闲鞋</span></td>
						<td width='65'>
							<div class="goods-numb">
								<a>-</a>
								<span>1</span>
								<a>+</a>
							</div>
						</td>
						<td width='60'>
							<div class="delete-goods">x</div>
							<div class="goods-price">399</div>
						</td>
					</tr>
				</table>
				<div class="account-box">
					<div class="total">
						<p class="total-count">已选<span>0</span>件</p>
						<p class="total-price">￥<span>0.00</span></p>
					</div>
					<div class="goCartPage">
						<a href="./cart.html">去购物车结算</a>
					</div>
				</div>
			</div>
		</div>

		<div class="swiper">
			<div class="prev"></div>
			<div class="swiper-container">
				<img src="http://image03.anta.cn/sources/xiaochengxu/51manwei/pc.jpg">
				<img src="http://image03.anta.cn/sources/xiaochengxu/2019312richang/Pc1.jpg">
				<img src="http://image03.anta.cn/sources/xiaochengxu/2019312richang/pc.jpg">
				<img src="http://image03.anta.cn/sources/xiaochengxu/yuandan/PC-unti.jpg">
				<img src="http://image03.anta.cn/sources/xiaochengxu/51manwei/pc.jpg">
			</div>
			<div class="next"></div>
			<ul class="swiper-index">
				<li>漫威联名</li>
				<li>放肆街头</li>
				<li>新款气垫</li>
				<li>KT4定制</li>
			</ul>
		</div>
		<div class="activity">
			<div  class="activity-1">
				<a href="js:"><img src="http://image03.anta.cn/sources/xiaochengxu/422pc/580-400-1.jpg"></a>
				<div class="activity-text">
					<p><a href="js:">篮球明星战靴</a></p>
					<ul>
						<li><a href="js:">汤普森四代</a></li>|
						<li><a href="js:">要疯系列</a></li>|
						<li><a href="js:">篮球服装</a></li>
					</ul>
				</div>
			</div>
			<div  class="activity-2">
				<a href="js:"><img src="http://image03.anta.cn/sources/xiaochengxu/422pc/580-400-2.jpg"></a>
				<div class="activity-text">
					<p><a href="js:">跑步系列</a></p>
					<ul>
						<li><a href="js:">闪能科技跑鞋</a></li>|
						<li><a href="js:">夏季新款</a></li>|
						<li><a href="js:">舒适气垫</a></li>|
						<li><a href="js:">跑步服装</a></li>
					</ul>
				</div>
			</div>
			<div class="activity-3">
				<a href="js:"><img src="http://image03.anta.cn/sources/xiaochengxu/422pc/385-311-1.jpg"></a>
				<div class="activity-text">
					<p><a href="js:">时尚潮服系列</a></p>
				</div>
			</div>
			<div class="activity-3">
				<a href="js:"><img src="http://image03.anta.cn/sources/xiaochengxu/422pc/385-311-2.jpg"></a>
				<div class="activity-text">
					<p><a href="js:">2019年夏上新</a></p>
				</div>
			</div>
			<div class="activity-3">
				<a href="js:"><img src="http://image03.anta.cn/sources/xiaochengxu/422pc/385-311-3.jpg"></a>
				<div class="activity-text">
					<p><a href="js:">复古呈新 安踏休闲系列</a></p>
				</div>
			</div>
		</div>
		<div class="contain">
			<div class="title">
				<h4><a href="js:">A-FLASHFOAM闪能科技</a></h4>
				<h2><a href="js:">轻量化EVA高回弹复合材料，安踏自主研发，为跑者提供充足动力。</a></h2>
			</div>
			<div class="sliderBox">
				<div class="slider l">
					<div class="slider-container l">
					</div>

					<div class="slider-prev" id='prev1'></div>
					<div class="slider-next" id='next1'></div>
					<div class="slider-dots" id='dots1'>
						<span class="slider-dot"></span>
						<span class="slider-dot"></span>
						<span class="slider-dot"></span>
					</div>

					<p class="slider-title" id ='title1'></p>
					<p class="slider-infos" id ='infos1'></p>
					<div class="purchase"><a href="js:">立刻购买</a></div>
				</div>
				<div class="slider r">
					<div class="slider-container r">
					</div>

					<div class="slider-prev" id='prev2'></div>
					<div class="slider-next" id='next2'></div>
					<div class="slider-dots" id='dots2'>
						<span class="slider-dot"></span>
						<span class="slider-dot"></span>
						<span class="slider-dot"></span>
					</div>

					<p class="slider-title" id ='title2'></p>
					<p class="slider-infos" id ='infos2'></p>
					<div class="purchase"><a href="js:">立刻购买</a></div>
				</div>
			</div>
			<div class="goodsList">
			</div>
			<div class="moreGoods">
				<p><a href="./category.html">选购更多商品</a></p>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li>
					<ul>
						<li class="title"><a href="js:">用户指南</a></li>
						<li><a href="js:">新用户注册</a></li>
						<li><a href="js:">购物流程</a></li>
						<li><a href="js:">尺码对照表</a></li>
						<li><a href="js:">支付方式</a></li>
						<li><a href="js:">包装形式</a></li>
						<li><a href="js:">配送方式</a></li>
						<li><a href="js:">配送费用</a></li>
					</ul>
				</li>
				<li>
					<ul>
						<li class="title"><a href="js:">会员政策</a></li>
						<li><a href="js:">积分政策</a></li>
						<li><a href="js:">会员政策</a></li>
						<li><a href="js:">用户协议</a></li>
						<li><a href="js:">发票制度</a></li>
					</ul>
				</li>
				<li>
					<ul>
						<li class="title"><a href="js:">售后服务</a></li>
						<li><a href="js:">订单查询</a></li>
						<li><a href="js:">快递查询</a></li>
						<li><a href="js:">退换货政策</a></li>
						<li><a href="js:">退换货流程</a></li>
						<li><a href="js:">退款方式</a></li>
					</ul>
				</li>
				<li>
					<ul>
						<li class="title"><a href="js:">联系我们</a></li>
						<li><a href="js:">企业团购</a></li>
						<li><a href="js:">商务合作</a></li>
					</ul>
				</li>
			</ul>
			<div class="connect">
				<h4>在线咨询</h4>
				<p></p>
				<a>
					<i></i>
					<span>在线客服</span>
				</a>
				<h4>微信咨询</h4>
				<li></li>
			</div>
			<div class='bottom'>
				<div class="list1">
					<span class="copyright">COPYRIGHT 2012-2019</span>
					<span class="company-name">厦门安踏电子商务有限公司</span>
					<a href="javascript:;" class="police-img"><img src="http://image03.anta.cn/sources/NewEdition/2015newimages/police_black.jpg" class="loading"></a>
					<span class="company-icp">闽ICP备11020421号</span>
				</div>
				<div class="list2">
					<a href="js:">营业执照</a>
					<a href="js:">开户许可证</a>
					<a href="js:">网站地图</a>
					<a href="js:">标签</a>
					<a href="js:">友情链接</a>
				</div>
			</div>
		</div>

		<script src="./js/common.js"></script>
		<script src="./js/index.js"></script>
	</body>
</html>
